@charset "utf-8";
body{
    width:100%;
    /*background:url("../images/leftbackground.jpg") repeat;*/
    overflow:hidden;
}
#maintype{
    width: 510px;
    overflow:hidden;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index:1000;
}
#maintype .types{
    overflow:hidden;
    margin:0px;
    padding:0px;
}
#maintype .types li{
    float: left;
    width: 164px;
    overflow: hidden;
    list-style: none;
    height: 34px;
    line-height: 34px;
    font-size: 15px;
    margin: 2px 2px;
    cursor: pointer;
    font-family: "宋体";
    border: 1px solid #ddd;
    border-radius: 0.3em;
}
#maintype .types li.active{
    border:1px solid blue;
}
#maintype .types span.active{
    border:2px solid red;
}
#maintype .types .spanimg{
    width: 100%;
    height: 34px;
    line-height: 34px;
    float: left;
    padding: 0px 10px;
    margin: 0px;
    margin-right: 10px;

}
#maintype .types .spanimg img{
    float:left;
    width:33px;
}

#maintype .title{
    font-size:20px;
    font-weight:bolder;
    text-align: right;
    padding-right: 10px;
}
#container{
    /*width:70%;*/
    right:0px;
    /*left:470px;*/
    /*border-left:1px solid #999;*/
}
#realize{
    display:block;
    position:absolute;
    left:472px;
    top:270px;
    cursor:pointer;
    border-radius: 0.5em;
    z-index:1000;
}
/*方向标*/
.direction{
    width:120px;
    text-align:center;
    font-size:16px;
    position:absolute;
    right:20px;
    top:20px;
    font-family:"微软雅黑";
    font-weight:bolder;
    z-index:1000;
    overflow: hidden;
}
.leftarea{
    width:470px;
    left:0px;
    min-height:500px;
    overflow-y:auto;
}
.leftarea .logo{
    background-color:#00544f;
    color:#fff;
    height:120px;
    font-size:30px;
    font-family: "黑体";
    text-align: center;
    overflow: hidden;
    line-height: 120px;
    border-bottom:10px solid #e05f0c;
}
.leftarea .logo img{
    float: left;
    margin: 25px 5px 25px 10px;
}
.leftarea .explain{
    width:90%;
    padding:0 5%;
    font-size:15px;
    line-height:22px;
    letter-spacing:1.2px;
    height:870px;
    overflow-y:auto;
}
.leftarea .content{
    width:100%;
    overflow-y: hidden;
    display:none;
}
.leftarea .content ul{
    width:100%;
    height:920px;
    overflow:hidden;
    margin:0px;
    padding:0px;
}
.leftarea .content .item{
    width:420px;
    height:82px;
    cursor:pointer;
    line-height:82px;
    background:url('../images/leftbottomborder.jpg') repeat-x center bottom;
    list-style: none;
    margin: 12px 25px 0px;

    overflow: hidden;

}
.leftarea .item .leftlogo{
    width:64px;
    height:64px;
    border:1px solid #ddd;
    border-radius:32px;
    float:left;
    margin-right:10px;
    overflow:hidden;

}
.leftarea .item .righticon{
    margin-top:23px;
    float:right;
}
.leftarea .item p{
    width: 300px;
    float: left;
    margin: 15px 0px;
    overflow: hidden;
    padding: 0px;
    line-height: 20px;
    font-family:"微软雅黑";
}
.leftarea .item p .title{
    font-size:18px;
    color:#e05f0c;
    font-weight:bolder;
}
.leftarea .item p .description{
    font-size:14px;
    color:#333;
}
.leftarea .page{
    width: 470px;
    position: absolute;
    bottom: 30px;
    overflow: hidden;
}


.leftarea .page .leftpageicon{
    background:url(../images/leftpageicon.png) no-repeat 13% 50%;
}
.leftarea .page .rightpageicon{
    background:url(../images/rightpageicon.png) no-repeat 88% 50%;
}
.leftarea .page .updown{

    width: 100px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 15px;
    border-radius: 3px;
    display: block;
    color: #fff;
    float: right;
    margin-right: 15px;
    background-color:#00544f;
}
.leftarea .page a{
    color:#fff;
    text-decoration:none;
}
.leftarea .page .nopage{
    background-color:#34a29b;
}
.company{
    width:800;
    padding:50px;
    height:auto;
    font-size:15px;
    line-height:20px;
    letter-spacing:1.2px;
    display:none;
}

/*.company p{
   
}*/
.qunameFixed{
    font-size:18px;
    width:400px;
    color:#3A3A3A;
    font-family:"宋体";
    font-weight: bolder;
}
.qunameFixed p{
    margin:0px !important;
    height: 33px;
    line-height: 33px;
}
.qunameFixed img{
    float:left;
    width:40px;
}
.qunameFixed span{
    display:none;
}
.quname{
    font-size:18px;
    width:400px;
    color:#3A3A3A;
    font-family:"宋体";
    /*letter-spacing: 20px;*/
    font-weight: bolder;

}
.quname p{
    margin:0px !important;
    height: 33px;
    line-height: 33px;
}
.quname img{
    float:left
}
.quname .img50{
    width:50px;
    margin-top:-20px;
    margin-left:-20px;
}
.quname .img100{
    width:100px;
    margin-top:-65px;
    margin-left:-50px;
}
.quname .img150{
    width:150px;
    margin-top:-115px;
    margin-left:-75px;
}
.quname span{
    display:none;
}
.quname .span50{
    position: absolute;
    margin-left: -10px;
    margin-top: -20px;
}

.quname .span100{
    position: absolute;
    margin-left: -16px;
    margin-top: -50px;
}
.quname .span150{
    position: absolute;
    margin-left: -25px;
    margin-top: -80px;
}
.areaname{
    font-size:13px;
    color:#3A3A3A;
    font-family:"宋体";
    /*font-weight: bolder;*/
    width:100px;
}
.areaname p{
    margin:0px;
}
.areaname span{
    display:block;
    border:1px solid #ddd;
    float:left;
    background-color:#fff;
    width:10px;
    height:10px;
    margin-left:3%;
    /*display:none;*/
}